import React from 'react';

export const Input = ({ 
  type = 'text', 
  value, 
  onChange, 
  placeholder = '', 
  className = '', 
  ...props 
}) => {
  const baseStyles = 'w-full px-3 py-2 border border-gray-300 dark:border-gray-700 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:bg-gray-800';
  
  const combinedClasses = `${baseStyles} ${className}`;
  
  return (
    <input
      type={type}
      value={value}
      onChange={onChange}
      placeholder={placeholder}
      className={combinedClasses}
      {...props}
    />
  );
};
